<extend name="Public:Index/base"/>

<block name="body">
    <!--rightbar start-->
    <div id="rightbar">
        <div class="h4" style="margin-bottom: 0">
            <span>当前位置：</span>
            <ol class="breadcrumb" style="display: inline;padding-top: 0;padding-bottom: 0">
                <li><a href="">仓库管理</a></li>
                <li class="active">商品分类管理</li>
            </ol>
        </div>
        <hr style="margin-top: 10px">
        <div style="margin: 0 40px">
            <div style="margin-bottom: 0">
                <form class="form-inline" action="#" method="post">
                    <label>查看:</label>
                    <select class="form-control first_level">
                        <option selected>一级分类</option>
                        <foreach name="first_type" item="it">
                            <option value={$it.id}>{$it.typename}</option>
                        </foreach>
                    </select>
                    <span>-</span>
                    <select class="form-control second_level">
                        <option selected>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</option>
                    </select>
                    <span>-</span>
                    <select class="form-control third_level">
                        <option selected>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</option>
                    </select>
                </form>
            </div>
            <div style="margin-top: 20px">
                表格由系统自动生成
                <table class="table text-center" border="1">
                    <thead>
                    <tr>
                        <td>分类等级</td>
                        <td>所属上级分类</td>
                        <td>分类名称</td>
                    </tr>
                    </thead>
                    <tbody id="special-table-body">
                    <tr>
                        <td>一级分类</td>
                        <td>无</td>
                        <td>平板电脑</td>
                    </tr>
                    </tbody>
                </table>

                <!--分页 start-->
                <nav class="text-right">
                    <ul class="pagination">
                        <li>
                            <a href="#" aria-label="Previous">
                                <span aria-hidden="true">&laquo;</span>
                            </a>
                        </li>
                        <li><a href="#">1</a></li>
                        <li><a href="#">2</a></li>
                        <li><a href="#">3</a></li>
                        <li><a href="#">4</a></li>
                        <li><a href="#">5</a></li>
                        <li>
                            <a href="#" aria-label="Next">
                                <span aria-hidden="true">&raquo;</span>
                            </a>
                        </li>
                    </ul>
                </nav>
                <!--分页 end-->
            </div>
        </div>

            <!--</div>-->
        <div style="margin-left: 40px;">
            <form class="form-inline" action="#" method="post">
                <label>添加分类:</label>
                <div style="margin-bottom: 20px;">
                    <select class="form-control first_level">
                        <option selected>一级分类</option>
                        <foreach name="first_type" item="it">
                            <option value={$it.id}>{$it.typename}</option>
                        </foreach>
                    </select>
                    <span>-</span>
                    <select class="form-control second_level">
                        <option selected>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</option>
                    </select>
                    <span>-</span>
                    <select class="form-control third_level">
                        <option selected>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</option>
                    </select>
                    <!--<span>-</span>-->
                    <!--<select class="form-control">-->
                        <!--<option selected>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</option>-->
                    <!--</select>-->
                </div>
                <div style="font-size: 14px;width: 50%;">
                    <table id="specialtable" class="table text-center specialtable-add" border="1">
                        <thead>
                        <tr>
                            <td>所属分类</td>
                            <td>分类名称</td>
                            <td>删除</td>
                        </tr>
                        </thead>
                        <tbody id="edit-table-body">
                        <tr>
                            <td><input type="text"></td>
                            <td><input type="text"></td>
                            <td><input class="delete-tr" type="button" value="删除"></td>
                        </tr>
                        <tr id="parent">
                            <td colspan="3">
                                <button type="button" id="add-type" class="btn">提交</button>&nbsp;&nbsp;&nbsp;&nbsp;
                                <button type="button" id="addition" class="btn">添加+</button>
                                <input type="hidden" name="belongto" value="">
                                <input type="hidden" name="belongtoname" value="">
                            </td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </form>
        </div>
    </div>
    <!--rightbar end-->
</block>